<div class="centreForm">
    <h1>Add Customer</h1>
    <c:if test="${!empty addCustomerFailureFlag}">
        <p class="message errorMessage">Unable to add customer to the database.</p>
    </c:if>
    <c:if test="${!empty customerName}">
        <p class="message confirmationMessage">${customerName} has been added to the database.</p>
    </c:if>
    <form method="post" action="<c:url value='/customers/new'/>">
        <fieldset>
            <legend>Customer Details</legend>
            <label for="firstName">First name:</label><input type="text" name="firstName" id="firstName" /><br />
            <script type="text/javascript">$("input#firstName").focus();</script>
            <label for="lastName">Last name:</label><input type="text" name="lastName" /><br />
            <label for="address">Address:</label><input type="text" name="address" /><br />
            <label for="phoneNumber">Phone number:</label><input type="text" name="phoneNumber" /><br />
            <input type="submit" class="submit" value="Add Customer" />
        </fieldset>
    </form>
</div>
